<link rel="stylesheet" th:href="@{/ace/assets/css/ui.jqgrid.min.css}"/>
<div class="row">
    <div class="col-xs-3">
        <div class="widget-box widget-color-blue2">
            <div class="widget-header">
                <h4 class="widget-title lighter smaller">系统菜单树形</h4>
            </div>

            <div class="widget-body">
                <div class="widget-main padding-8">
                    <ul id="permission_tree"></ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-9">
        <!-- new page content here -->
        <table id="permission_grid_table"></table>
        <div id="permission_grid_pager"></div>
    </div>
</div>

<script type="text/javascript">


    var scripts = [
        '/ace/assets/js/bootstrap-datepicker.min.js',
        '/ace/assets/js/tree.min.js',
        '/system/js/plugin/tree.base.setting.js',
        '/ace/assets/js/jquery.jqGrid.min.js',
        '/system/js/plugin/grid.locale-cn.js',
        '/system/js/plugin/grid.base.setting.js',
        '/system/js/member/permission/index.js'
    ];
    $('#tabs').ace_ajax('loadScripts', scripts, function () {

        var permission = new Permission();
        $(function () {
            permission.initGird();
            permission.initTree();
        });
    });

</script>
